<template>
  <div id="app">
   <!-- 批量传递props -->
    <Header v-bind="person" />
    <hr />
    <h2>这个count每次加2</h2>
    <Count :num="2" />
    <hr />
    <h2>这个count每次加3</h2>
    <Count :num="3" />

    <Update  :person="person" :count="0" />
  </div>
</template>

<script>
import Header from './components/Header';
import Count from './components/Count';
import Update from './components/Update'

export default {
  name: 'App',
  date() {
    return {
      person: {
        name: "laowang",
        age: 18,
        sex: "nan",
      },
    }
  },
  components: {
    Header,
    Count,
    Update,
  },
 
}
</script>

<style>

</style>
